﻿<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="author" content="wpOceans" />
  <link rel="shortcut icon" type="image/png" href="assets/images/favicon.png" />
  <title>Pengu - eCommerce HTML5 Template</title>
  <link href="assets/css/themify-icons.css" rel="stylesheet" />
  <link href="assets/css/font-awesome.min.css" rel="stylesheet" />
  <link href="assets/css/flaticon.css" rel="stylesheet" />
  <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
  <link href="assets/css/animate.css" rel="stylesheet" />
  <link href="assets/css/owl.carousel.css" rel="stylesheet" />
  <link href="assets/css/owl.theme.css" rel="stylesheet" />
  <link href="assets/css/slick.css" rel="stylesheet" />
  <link href="assets/css/slick-theme.css" rel="stylesheet" />
  <link href="assets/css/swiper.min.css" rel="stylesheet" />
  <link href="assets/css/owl.transitions.css" rel="stylesheet" />
  <link href="assets/css/jquery.fancybox.css" rel="stylesheet" />
  <link href="assets/css/odometer-theme-default.css" rel="stylesheet" />
  <link href="assets/sass/style.css" rel="stylesheet" />
</head>

<body>
  <!-- start page-wrapper -->
  <div class="page-wrapper">
    <!-- start preloader -->
    <div class="preloader">
      <div class="vertical-centered-box">
        <div class="content">
          <div class="loader-circle"></div>
          <div class="loader-line-mask">
            <div class="loader-line"></div>
          </div>
          <img src="assets/images/preloader.png" alt="" />
        </div>
      </div>
    </div>
    <!-- end preloader -->

    <!-- Start header -->
    <header id="header" class="wpo-header-style-3">
      <!-- end topbar -->
      <div class="wpo-site-header">
        <nav class="navigation navbar navbar-expand-lg navbar-light">
          <div class="container-fluid">
            <div class="row align-items-center">
              <div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
                <div class="mobail-menu">
                  <button type="button" class="navbar-toggler open-btn">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar first-angle"></span>
                    <span class="icon-bar middle-angle"></span>
                    <span class="icon-bar last-angle"></span>
                  </button>
                </div>
              </div>
              <div class="col-lg-2 col-md-6 col-6">
                <div class="navbar-header">
                  <a class="navbar-brand" href="index.html"><img src="assets/images/logo.svg" alt="logo" /></a>
                </div>
              </div>
              <div class="col-lg-8 col-md-1 col-1">
                <div id="navbar" class="collapse navbar-collapse navigation-holder">
                  <button class="menu-close"><i class="ti-close"></i></button>
                  <ul class="nav navbar-nav mb-2 mb-lg-0">
                    <li>
                      <a href="index-4.html">Home</a>
                    </li>
                    <li><a href="shop.html">Shop</a></li>
                    <li>
                      <a class="active" href="cart.html">Cart</a>
                    </li>
                    <li><a href="contact.html">Contact Us</a></li>
                  </ul>
                </div>
                <!-- end of nav-collapse -->
              </div>
              <div class="col-lg-2 col-md-2 col-2">
                <div class="header-right">
                  <div class="mini-cart">
                    <button class="cart-toggle-btn"><i class="fi flaticon-shopping-cart"></i> <span
                        class="cart-count">2</span></button>
                    <div class="mini-cart-content">
                      <button class="mini-cart-close"><i class="ti-close"></i></button>
                      <div class="mini-cart-items">
                        <div class="mini-cart-item clearfix">
                          <div class="mini-cart-item-image">
                            <a href="shop.html"><img src="assets/images/shop/mini-cart/img-1.jpg" alt /></a>
                          </div>
                          <div class="mini-cart-item-des">
                            <a href="shop.html">White Wedding Shoe</a>
                            <span class="mini-cart-item-price">$100.15 x 1</span>
                            <span class="mini-cart-item-quantity"><a href="#"><i class="ti-close"></i></a></span>
                          </div>
                        </div>
                        <div class="mini-cart-item clearfix">
                          <div class="mini-cart-item-image">
                            <a href="shop.html"><img src="assets/images/shop/mini-cart/img-2.jpg" alt /></a>
                          </div>
                          <div class="mini-cart-item-des">
                            <a href="shop.html">Long Sleeve Tops</a>
                            <span class="mini-cart-item-price">$230.25 x 2</span>
                            <span class="mini-cart-item-quantity"><a href="#"><i class="ti-close"></i></a></span>
                          </div>
                        </div>
                      </div>
                      <div class="mini-cart-action clearfix">
                        <span class="mini-checkout-price">Subtotal: <span>$330.35</span></span>
                        <div class="mini-btn">
                          <a href="checkout.html" class="view-cart-btn s1">Checkout</a>
                          <a href="cart.html" class="view-cart-btn">View Cart</a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="header-search-form-wrapper">
                    <div class="cart-search-contact">
                      <button class="search-toggle-btn"><i class="fi flaticon-loupe"></i></button>
                      <div class="header-search-form">
                        <form>
                          <div>
                            <input id="searchText" type="text" class="form-control" placeholder="Search here...">
                            <button id="searchBtn">
                              <i class="fi flaticon-loupe"></i>
                            </button>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                  <div class="header-login" style="margin-left: 0px">
                    <button class="login-btn-block">
                      <a class="login-btn" href="login.html">
                        <i class="fi flaticon-user" style="color: #060530"></i>
                      </a>
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- end of container -->
        </nav>
      </div>
    </header>
    <!-- end of header -->

    <!-- start wpo-page-title -->
    <section class="wpo-page-title">
      <div class="container">
        <div class="row">
          <div class="col col-xs-12">
            <div class="wpo-breadcumb-wrap">
              <h2>Cart</h2>
              <ol class="wpo-breadcumb-wrap">
                <li><a href="index.html">Home</a></li>
                <li>Cart</li>
              </ol>
            </div>
          </div>
        </div>
        <!-- end row -->
      </div>
      <!-- end container -->
    </section>
    <!-- end page-title -->

    <!-- cart-area start -->
    <div class="cart-area section-padding">
      <div class="container">
        <div class="form">
          <div class="cart-wrapper">
            <div class="row">
              <div class="col-12">
                <form action="cart">
                  <table class="table-responsive cart-wrap main-cart">
                    <thead>
                      <tr>
                        <th class="images images-b">Image</th>
                        <th class="product-2">Product Name</th>
                        <th class="pr">Quantity</th>
                        <th class="ptice">Price</th>
                        <th class="stock">Total Price</th>
                        <th class="remove remove-b">Action</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td class="images"><img src="assets/images/cart/img-1.jpg" alt="" /></td>
                        <td class="product">
                          <ul>
                            <li class="first-cart">White Wedding Shoe</li>
                            <li>Brand : Makita</li>
                            <li>Size : XL</li>
                          </ul>
                        </td>
                        <td class="stock">
                          <ul class="input-style">
                            <li class="quantity cart-plus-minus">
                              <input type="text" value="1" />
                            </li>
                          </ul>
                        </td>
                        <td class="ptice">$ 250</td>
                        <td class="stock count">$ 250</td>
                        <td class="action">
                          <ul>
                            <li class="w-btn">
                              <a data-bs-toggle="tooltip" data-bs-html="true" title="Remove from Cart" href="#"><i
                                  class="fi ti-trash"></i></a>
                            </li>
                          </ul>
                        </td>
                      </tr>
                      <tr>
                        <td class="images"><img src="assets/images/cart/img-2.jpg" alt="" /></td>
                        <td class="product">
                          <ul>
                            <li class="first-cart">Long Sleeve Tops</li>
                            <li>Brand : Yato</li>
                            <li>Size : 5 stick</li>
                          </ul>
                        </td>
                        <td class="stock">
                          <ul class="input-style">
                            <li class="quantity cart-plus-minus">
                              <input type="text" value="1" />
                            </li>
                          </ul>
                        </td>
                        <td class="ptice">$ 350</td>
                        <td class="stock count">$ 350</td>
                        <td class="action">
                          <ul>
                            <li class="w-btn">
                              <a data-bs-toggle="tooltip" data-bs-html="true" title="Remove to Cart" href="#"><i
                                  class="fi ti-trash"></i></a>
                            </li>
                          </ul>
                        </td>
                      </tr>
                      <tr>
                        <td class="images"><img src="assets/images/cart/img-3.jpg" alt="" /></td>
                        <td class="product">
                          <ul>
                            <li class="first-cart">Long Sleeve Tops</li>
                            <li>Brand : Yato</li>
                            <li>Size : XXL</li>
                          </ul>
                        </td>
                        <td class="stock">
                          <ul class="input-style">
                            <li class="quantity cart-plus-minus">
                              <input type="text" value="1" />
                            </li>
                          </ul>
                        </td>
                        <td class="ptice">$ 450</td>
                        <td class="stock count">$ 450</td>
                        <td class="action">
                          <ul>
                            <li class="w-btn">
                              <a data-bs-toggle="tooltip" data-bs-html="true" title="Remove to Cart" href="#"><i
                                  class="fi ti-trash"></i></a>
                            </li>
                          </ul>
                        </td>
                      </tr>
                      <tr>
                        <td class="images"><img src="assets/images/cart/img-4.jpg" alt="" /></td>
                        <td class="product">
                          <ul>
                            <li class="first-cart">Winter Jacket</li>
                            <li>Brand : Makita</li>
                            <li>Size : L</li>
                          </ul>
                        </td>
                        <td class="stock">
                          <ul class="input-style">
                            <li class="quantity cart-plus-minus">
                              <input type="text" value="1" />
                            </li>
                          </ul>
                        </td>
                        <td class="ptice">$ 550</td>
                        <td class="stock count">$ 550</td>
                        <td class="action">
                          <ul>
                            <li class="w-btn">
                              <a data-bs-toggle="tooltip" data-bs-html="true" title="Remove to Cart" href="#"><i
                                  class="fi ti-trash"></i></a>
                            </li>
                          </ul>
                        </td>
                      </tr>
                      <tr>
                        <td class="images"><img src="assets/images/cart/img-6.jpg" alt="" /></td>
                        <td class="product">
                          <ul>
                            <li class="first-cart">White Wedding Shoe</li>
                            <li>Brand : Yato</li>
                            <li>Size : M</li>
                          </ul>
                        </td>
                        <td class="stock">
                          <ul class="input-style">
                            <li class="quantity cart-plus-minus">
                              <input type="text" value="1" />
                            </li>
                          </ul>
                        </td>
                        <td class="ptice">$ 550</td>
                        <td class="stock count">$ 550</td>
                        <td class="action">
                          <ul>
                            <li class="w-btn">
                              <a data-bs-toggle="tooltip" data-bs-html="true" title="Remove to Cart" href="#"><i
                                  class="fi ti-trash"></i></a>
                            </li>
                          </ul>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </form>
                <div class="submit-btn-area">
                  <ul>
                    <li>
                      <a class="theme-btn" href="shop.html">Continue Shopping <i
                          class="fa fa-angle-double-right"></i></a>
                    </li>
                    <li><button class="update-cart theme-btn" type="submit">Update Cart</button></li>
                  </ul>
                </div>
                <div class="cart-product-list">
                  <ul>
                    <li>Total product<span>( 05 )</span></li>
                    <li>Sub Price<span>$2250</span></li>
                    <li>Vat<span>$50</span></li>
                    <li>Eco Tax<span>$100</span></li>
                    <li>Delivery Charge<span>$100</span></li>
                    <li class=" cart-b">Total Price<span class="total-price">$2500</span></li>
                  </ul>
                </div>

                <div class="submit-btn-area">
                  <ul>
                    <li>
                      <a class="theme-btn" href="checkout.html">Proceed to Checkout <i
                          class="fa fa-angle-double-right"></i></a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- cart-area end -->

    <!-- start of wpo-site-footer-section -->
    <footer class="wpo-site-footer">
      <div class="wpo-upper-footer">
        <div class="container">
          <div class="row">
            <div class="col col-lg-4 col-md-6 col-sm-12 col-12">
              <div class="widget about-widget">
                <div class="logo widget-title">
                  <img src="assets/images/logo.svg" alt="blog" />
                </div>
                <p>Mattis inelit neque quis donecyir eleng amet. Amet sed et cursus eu euiod. Egestaerets in morbiet
                  tristique ornare vulputate vitae enim.</p>
              </div>
            </div>
            <div class="col col-lg-4 col-md-6 col-sm-12 col-12">
              <div class="widget link-widget">
                <h4>Easy 30 days returns</h4>
                <p>30 days money back guarantee</p>
                <h4>International Warranty</h4>
                <p>Offered in the country of usage</p>
                <h4>100% Secure Checkout</h4>
                <p>PayPal/ MasterCard / Visa</p>
              </div>
            </div>

            <div class="col col-lg-4 col-md-6 col-sm-12 col-12">
              <div class="widget newsletter-widget">
                <div class="widget-title">
                  <h3>Newsletter</h3>
                </div>
                <p>Subscribe to our newsletter and get 10% off your first purchase.</p>
                <form>
                  <div class="input-1">
                    <input type="email" class="form-control" placeholder="Your Email Address.. " required="" />
                  </div>
                  <div class="submit clearfix">
                    <button type="submit">Subscribe</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
        <!-- end container -->
      </div>
      <div class="wpo-lower-footer">
        <div class="container">
          <div class="row">
            <div class="col col-xs-12">
              <p class="copyright">Copyright &copy; 2023 Canun By <a href="http://www.bootstrapmb.com">bootstrapMB</a>.
                All Rights Reserved.</p>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <!-- end of wpo-site-footer-section -->
  </div>
  <!-- end of page-wrapper -->

  <!-- All JavaScript files
    ================================================== -->
  <script src="assets/js/jquery.min.js"></script>
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  <!-- Plugins for this template -->
  <script src="assets/js/modernizr.custom.js"></script>
  <script src="assets/js/jquery.dlmenu.js"></script>
  <script src="assets/js/jquery-plugin-collection.js"></script>
  <!-- Custom script for this template -->
  <script src="assets/js/script.js"></script>
  <script src="assets/js/cart.js"></script>
</body>

</html>